.main{
    background-color: white;
	left: 1%;
	width: 98%;
    position: absolute;
	height: 70%;
	overflow:auto;
}
ul,li{
	margin:0px;
	padding:0px;
}
.tab{
	position: absolute;
	width:100%;
	height:22px;
	background:white;
	z-index: 3;
	overflow:visible;
}
.display{
  position: absolute;
  top: 22px;
  width: 100%;
  background-color: white;
  /* height: 92%; */
  border: 1px solid grey;
  bottom: 0px;
  /* overflow: hidden; */
  overflow:auto;
}
ul li{
	position: relative;
	/* margin:0% 0% 0% 0.2%; */
	/* width: 20%; */
	height: 4%;
  padding: 0 8px 0 8px;
	text-align:center;
	list-style-type:none;
	float:left;
	display: block;	

	/* line-height: 20px; */
	list-style-type:none;
	cursor: pointer;
	color: white;
	background: #83AF9B;
	border: 1px solid #ddd;
	border-radius: 4px;
	overflow: hidden;
    z-index: 1;
    font-size: 12px;
}
ul li:hover{
	opacity: 0.5;      
	display: block;
}
ul li:focus{
	background-color:#36648B;
}
details{
	position: relative;
	list-style-type:none;
	background: #83AF9B; /* #C8C8A9 */
	float:left;
	color: white;
	font-size: 12px;
	padding: 0 8px 0 8px;
	border: 1px solid #ddd;
	cursor: pointer;
	border-radius: 4px;
	display: block;
	z-index: 2;
}
summary{
	text-align: center;
	z-index: 2;
}
summary:hover{
	opacity: 0.5; 
	display: block;
	cursor: pointer;
	z-index: 2;
}
.p-tab:hover{
	opacity: 0.5; 
	display: block;
	cursor: pointer;
	z-index: 2;
}
.dropDown{
	position: relative;
	list-style-type:none;
	background: #83AF9B; /* #C8C8A9 */
	float:left;
	color: white;
	font-size: 12px;
	padding: 0 8px 0 8px;
	border: 1px solid #ddd;
	cursor: pointer;
	border-radius: 4px;
	display: block;
	z-index: 2;
}
.dropDown:hover {
	opacity: 0.8;
}
.dropDown:visited {
	float: left;
	position: relative;
	color: white;
	display: block;
	text-align: center;
	text-decoration: none;
	width: 150px;
  }
/* second menu */
.dropDown li {
	float: none;
	border: none;
	display: none;
  }
  
.dropDown:hover li {
	display: block;
 }